﻿html, body
{
    background: rgb(248, 248, 248);
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
}

#banner
{
    background: url("imgs/login/banner.jpg") center top repeat-x;
    width: 100%;
    height: 495px;
    position: absolute;
    left:0px;
    top:0px;
    border-bottom: 2px solid #dadada;
    border-top: 1px solid #dadada;
}

#feature-box
{
    background: url("imgs/login/feature.png") no-repeat center -20px;
    width: 486px;
    height: 446px;
    top: 0px;
    left: 0px;
    position: absolute;
}

#login-box
{
    width: 414px;
    height: 350px;
    top: 80px;
    position: absolute;
    right: 0px;
    border:1px solid rgb(68, 127,11);
    border-radius:10px;
    background:rgba(255,255,255,.8);
    *background:rgb(233,243,253);
    _background:rgb(233,243,253);
    background:rgb(233,243,253)\0;
}

#center-content
{
    width:950px;
    height:497px;
    margin:auto;
    position:relative;
    top:40px;
}

#footer
{
    width:920px;
    padding:15px 0px;
    margin:auto;
    line-height:1.5;
    color:#666;
}

#right-box
{
    padding:20px 0px;
    float:right;
    line-height:20px;
    text-align:right;
}

#clients-box
{
    top:9px;
    position:relative;
    float:left;
}

#clients-box a
{
    width: 64px;
    height: 60px;
    display: inline-block;
    color: #666;
    text-decoration: none;
    text-align: center;
    opacity: .6;
    filter: alpha(opacity=60);
}

#clients-box a:hover
{
    opacity:1;
    filter:alpha(opacity=100);
}

#clients-box i
{
    width:36px;
    height:36px;
    margin:auto auto 5px auto;
    display:block;
    background:url(imgs/icon-clients.gif) center top no-repeat;
}

#clients-box .cl-cloud i
{
    background-position:left top;
}

#clients-box .cl-iphone i
{
    background-position:-40px top;
}

#clients-box .cl-ipad i
{
    background-position:-80px top;
}

#clients-box .cl-android i
{
    background-position:-160px top;
}
#clients-box .cl-wphone i
{
    background-position:-200px top;
}

#clients-box em
{
    top:-30px;
    color:#ccc;
    display:inline-block;
    position:relative;
    font-style: normal;
}

form
{
    position:relative;
    width:320px;
    left:58px;
    top:40px;
}

.empty-box
{
    margin-top:20px;
}

.empty-box input
{
    width:278px;
}

#login-buttons,#login-other
{
    margin-top:20px;
    font-size:14px;
    text-align:center;
}

#login
{
    font-size:16px;
    height:40px;
    width:120px;
    color:#fff;
    border:1px solid #427ac7;
    background:rgb(80, 145, 233) url(imgs/bar/button-x.png) 0px 0px;
}

#login-other
{
    margin-top:40px;
}

#login-other a
{
    text-decoration:none;
    margin-left:10px;
}

#login-other input
{
    vertical-align:middle;
}

#message-box
{
    position:absolute;
    color:Red;
    width:300px;
    text-align:center;
    margin-top:-15px;
    font-size:16px;
}

#message-box a
{
    text-decoration:none;
}